<template>
    <Header title="订单"/>
   <div class="order">
        <div v-for="o in orders" class="orderItem">
            <span>{{ o.orderId }}</span>
            <span>{{ o.count }}</span>
            <span>{{ o.price }}</span>
        </div>
   </div>
   <Footer />
</template>
<script setup>
    import Header from '@/components/Header.vue';
    import Footer from '@/components/Footer.vue';
    import {useOrderStore} from '@/store/OrderStore'

    const orderStore = useOrderStore()
    const orders = orderStore.orders

</script>

<style lang="less">
    .order{
        .orderItem{
            margin-top: 20px;
            span{
                margin-right: 10px;
                font-size: 12px;
            }
        }
    }

</style>